<?
session_start();

switch ($_POST["enviar"]) {
case "Enviar datos": if ((($_POST["email"]!=""))&&(($_POST["nombre"]!=""))&&(($_POST["telefono"]!=""))&&(($_POST["ubigeo"]!=""))&&(($_POST["pagina"]!=""))) {
$accion="acceso";
$_SESSION["autenticado"]="S";
require("_db.inc");
$dni=$_SESSION["dni"]=$_POST["dni"];
$email=$_SESSION["email"]=$_POST["email"];
$nombre=$_SESSION["nombre"]=$_POST["nombre"];
$apellido=$_POST["apellido"];
$telefono=$_POST["telefono"];
$ubigeo=$_POST["ubigeo"];
$pagina=$_POST["pagina"];
$sobrenombre_vendedor=$_SESSION["sobrenombre_vendedor"]=$_POST["sobrenombre_vendedor"];
$inicio=$_SESSION["inicio"]=date("Y-m-d h:i:s",time()+18000);
$query="select count(*) from cliente where email='$email'";
$result=mysql_query($query);
if (mysql_result($result,0)) {
$datos_posteriores="\n\nFecha: ".date("Y-m-d h:i:s",time()+18000)."\nNombre: $nombre\nApellido: $apellido\nTelefono: $telefono\nPagina: $pagina\nUbigeo: $ubigeo";
$query="update cliente set datos_posteriores=concat(datos_posteriores,'$datos_posteriores') where email='$email'";
mysql_query($query);
} else {
$query="insert into cliente values ('$email','$nombre','$apellido','$telefono','$ubigeo','$pagina','')";
mysql_query($query);
}
$query="insert into conversacion values ('$dni','$email','$inicio',Null,'$sobrenombre_vendedor',default,default,'','',default)";
if (!(mysql_query($query))) {
echo "Error de conexion. Intente mas tarde.";
}
setcookie("recordar", md5("chat"), time()+3600);
} else {
$accion="sin acceso";
}
break;
default: if (($_SESSION["autenticado"]=="S")||($_COOKIE["recordar"]==md5("chat"))) {
require("_db.inc");
} else {
$accion="login";
}
}
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chat Sexshop Perú</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004b00;
	font-weight: bold;
}
body {
	background-color: #fcf6e8;
	background-image: url(imagenes/fondo_cliente.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.nombreVendedora {
	font-size: 11px;
	color: #603913;
}
.nombreCliente {
	color: #790000;
	font-weight: bold;
}
-->
</style><script language="javascript">
var xmlhttp,alerted
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
// JScript gives us Conditional compilation, we can cope with old IE versions.
try {
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
xmlhttp2=new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP")
}
@else
alert("Debe tener JScript version 5 o superior.")
xmlhttp=false
alerted=true
@end @*/
if (!xmlhttp && !alerted) {
try {
xmlhttp = new XMLHttpRequest();
xmlhttp2 = new XMLHttpRequest();
} catch (e) {
alert("usar version mas moderna de navegador")
}
}

function validar() {
var filter=/^[A-Za-z][A-Za-z0-9\-_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
if (document.formulario.email.value=='') {
alert("Llenar campo de email");
document.formulario.email.focus();
return false;
}
if (!filter.test(document.formulario.email.value)) {
alert("Debe escribir un email valido");
document.formulario.email.focus();
return false;
}
if (document.formulario.nombre.value=='') {
	alert("Llenar campo nombre");
	document.formulario.nombre.focus();
	return false;
}
if (document.formulario.telefono.value=='') {
	alert("Llenar campo telefono");
	document.formulario.telefono.focus();
	return false;
}
if (document.formulario.ubigeo.value=='') {
	alert("Llenar campo ubicacion");
	document.formulario.ubigeo.focus();
	return false;
}
return true;
}

function enviar_mensaje() {
//mensaje=document.getElementById("mensaje").value.replace("\n","");
var mensaje=document.getElementById('mensaje').value;
mensaje=mensaje.replace("\n","");
document.getElementById("mensaje").value="";
if (xmlhttp) {
	xmlhttp.open("GET", "mensaje.php?mensaje="+mensaje+"&dni=<?=$dni?>&email=<?=$email?>&inicio=<?=$inicio?>&emisor=cliente",true);
	xmlhttp.onreadystatechange=function() {
	 if (xmlhttp.readyState==4) {
		 document.getElementById("chat").innerHTML+='<div style="background:url(imagenes/bullet_cliente.jpg) no-repeat 0 50%; padding-left:40px; height:45px">'+mensaje+'</div>';
		 document.getElementById("chat").scrollTop=document.getElementById("chat").scrollHeight;
	 }
	}
xmlhttp.send(null);
}
}

function refresh() {
clearTimeout(timerID);
timerID=setTimeout('refresh()',1000);
if (xmlhttp) {
	xmlhttp.open("GET", "r_mensaje.php?mensaje="+mensaje+"&dni=<?=$dni?>&email=<?=$email?>&inicio=<?=$inicio?>&emisor=vendedor",true);
alert("r_mensaje.php?mensaje="+mensaje+"&dni=<?=$dni?>&email=<?=$email?>&inicio=<?=$inicio?>&emisor=vendedor");
	xmlhttp.onreadystatechange=function() {
	if (xmlhttp.readyState==4) {
		if (xmlhttp.responseText!="") {
		 document.getElementById("chat").innerHTML+='<div style="background:url(imagenes/bullet_vendedor.jpg) no-repeat 0 50%; padding-left:40px; height:45px">'+xmlhttp.responseText+'</div>';
		 document.getElementById("chat").scrollTop=document.getElementById("chat").scrollHeight;
		}
	 }
	}
xmlhttp.send(null);
}
}
</script></head>
<body onload="timerID=setTimeout('refresh()',2000);<?=($accion=="acceso")?"document.getElementById('mensaje').focus();":"document.formulario.email.focus();" ?>">
<?
if ($accion=="acceso") {
?><table width="530" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="16" height="18">&nbsp;</td>
    <td width="88">&nbsp;</td>
    <td width="45">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td width="27">&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="3">&nbsp;</td>
    <td rowspan="3"><div align="center"><img src="imagenes/logo.jpg" alt="Sexshop Peru" width="83" height="297" /></div></td>
    <td rowspan="3">&nbsp;</td>
    <td height="239" colspan="2" valign="top"><div id="chat" style="overflow:auto; height:240px">
      <div style="background:url(imagenes/bullet_vendedor.jpg) no-repeat 0 50%; padding-left:40px; height:45px; color:#e01e30">hola, porfavor espera un momento para poder atenderte...</div>
      </div>    </td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="30" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="261" height="30"><img src="imagenes/spacer.gif" width="260" height="1" /><br /><strong>INGRESE EN ESTE LUGAR SU CONSULTA:
    </strong></td>
    <td width="93" rowspan="2" valign="top"><div align="center"><img src="imagenes/producto01.jpg" alt="producto01" width="89" height="89" vspace="5" align="right" style="border: #000 2px solid" /></div></td>
  </tr>
  <tr>
    <td height="92">&nbsp;</td>
    <td><div align="center"><img style="border: #000 2px solid" src="imagenes/vendedora.jpg" alt="<?=$_GET["sobrenombre_vendedor"] ?>" width="80" height="88" /></div></td>
    <td>&nbsp;</td>
    <td valign="top"><textarea name="mensaje" id="mensaje" onkeyup="javascript:if (event.keyCode==13) enviar_mensaje()" cols="45" rows="3" style="border:none;background-color:#fcf6e8;width:250px; height:70px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#006633"></textarea>
    </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><div align="center" class="nombreVendedora">Vendedora:<br />
    <b><?=$sobrenombre_vendedor ?></b></div></td>
    <td>&nbsp;</td>
    <td colspan="2" style="padding-left:50px"><a href="javascript:return false;" onclick="javascript:enviar_mensaje()"><img id="boton_enviar" src="imagenes/enviar.jpg" width="134" height="25" align="right" border="0" onmouseover="javascript:this.src='imagenes/enviar_on.jpg'" onmouseout="javascript:this.src='imagenes/enviar.jpg'" /></a><span class="nombreCliente">Lima, <?=$_SESSION["nombre"]?></span></td>
    <td>&nbsp;</td>
  </tr>
</table>
<? }
else {
?>
<table width="530" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="16" height="18">&nbsp;</td>
    <td width="88">&nbsp;</td>
    <td width="45">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td width="27">&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="3">&nbsp;</td>
    <td rowspan="3"><div align="center"><img src="imagenes/logo.jpg" alt="Sexshop Peru" width="83" height="297" /></div></td>
    <td rowspan="3">&nbsp;</td>
    <td height="239" colspan="2" valign="top"><div style="overflow:hidden; height:240px">
      <form name="formulario" action="" method="post" onsubmit="javascript:return validar();"><table width="96%" border="0" cellspacing="8" cellpadding="2">
        <tr>
          <td colspan="2" style="color:#e01e30">REGISTRESE ANTES DE HACER LA CONSULTA:</td>
          </tr>
        <tr>
          <td width="20%"><div align="right">Email: </div></td>
          <td width="80%"><input name="email" type="text" class="nombreVendedora" id="email" maxlength="100" /></td>
        </tr>
        <tr>
          <td><div align="right">Nombre:</div></td>
          <td><input name="nombre" type="text" class="nombreVendedora" id="nombre" maxlength="50" /></td>
        </tr>
        <tr>
          <td><div align="right">Apellido: </div></td>
          <td><input name="apellido" type="text" class="nombreVendedora" id="apellido" maxlength="50" />
            (opcional)</td>
        </tr>
        <tr>
          <td><div align="right">Telefono:</div></td>
          <td><input name="telefono" type="text" class="nombreVendedora" id="telefono" maxlength="25" /></td>
        </tr>
        <tr>
          <td><div align="right">Ciudad:</div></td>
          <td><input name="ubigeo" type="text" class="nombreVendedora" id="ubigeo" maxlength="6" /></td>
        </tr>
        <tr>
          <td><div align="right"></div></td>
	  <td><input type="hidden" name="sobrenombre_vendedor" value="<?=$_GET["sobrenombre_vendedor"]?>"><input name="dni" value="<?=$_GET["dni"] ?>" type="hidden"><input name="pagina" value="<?=$_GET["pagina"] ?>" type="hidden"><input type="submit" name="enviar" id="enviar" value="Enviar datos" /></td>
        </tr>
      </table>
      </form>
      </div></td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="30" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="261" height="30">&nbsp;</td>
    <td width="93" rowspan="2" valign="top"><div align="center"><img src="imagenes/producto01.jpg" alt="producto01" width="89" height="89" vspace="5" align="right" style="border: #000 2px solid" /></div></td>
  </tr>
  <tr>
    <td height="92">&nbsp;</td>
    <td><div align="center"><img style="border: #000 2px solid" src="imagenes/vendedora.jpg" alt="<?=$_GET["sobrenombre_vendedor"] ?>" width="80" height="88" /></div></td>
    <td>&nbsp;</td>
    <td valign="top">Producto consultado: 
      VigRX</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><div align="center" class="nombreVendedora">Vendedora:<br />
    <b><?=$_GET["sobrenombre_vendedor"] ?></b></div></td>
    <td>&nbsp;</td>
    <td colspan="2" style="padding-left:50px">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  </table><?
} ?>
</body>
</html>
